#roomsList > header{
	float: left;
	width: 100%;
}

#roomsList > header .title{
	font-size: 14pt;
}

#ownedGroups, #otherGroups{
	float: left;
	width: 380px;

	padding: 15px 0px;
}

.title, .item{
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	float: left;
	clear: both;

	padding: 0px;
	margin: 0px;
}

.title{
	font-size: 8pt;

	margin-bottom: 10px;

	color: #666;

	font-weight: bold;
} 

.item:first-child{
	margin-top: 0px;
}

.item{
	font-size: 8pt;
	color: #3b5998;

	padding: 3px;
	height: 22px;

	line-height: 22px;

	width: 380px;
}

.item:hover{
	background: rgb(225,230,240);
}

.item .name{
	float: left;
}

.item > .name{
	cursor: default;
}

.right{
	float: left;
	width: 450px;				
}

.group.item.sessionStarted{
	color: rgb(150,150,150);
}

.group.item .button{
	height: 20px;

	float: right;
	cursor: pointer;

	line-height: 20px;
	border: 1px solid #999;
	background-color: #eee;

	color: rgb(50,50,50);
}

.group.item .button .name{
	padding: 0px 5px 0px 5px;
}

.group.item .button .icon{
	width: 20px;
	height: 20px;

	background-repeat: no-repeat;

	float: left;
}

.group.item .button + .button{
	border-right-width: 0px;
}

.group.item .enter.button .icon{
	background-image: url("../image/access_in.png");
	background-position: 3px 5px;
}

.group.item .leave.button .icon{
	background-image: url("../image/access_out.png");
	background-position: 2px 4px;
}

.group.item .open.button .icon{
	background-image: url("../image/room_open.png");
	background-position: 5px 6px;
}

.group.item .close.button .icon{
	background-image: url("../image/room_close.png");
	background-position: 6px 6px;
}